$(function(){
    type();
    ctrl();
    //打字效果
    function type(){
var str="Welcome";
    //h1设置效果

    setTimeout(function(){
        var title=str.split("");

        var i= 0,o=0;
var timer=setInterval(function(){


    if(i==title.length){
        clearInterval(timer)
    }
    //title[i].appendTo($(".title"))
    $(".title").append(title[i]);
$(".log").css("opacity",0.2*o)
    i++;
    o++;
},500)


    },1000)
    }
//控制面板
    function ctrl(){
//出来
var timer=null;
setTimeout(function(){

    $(".ctrl").animate({
        "bottom":"0"
    },500)
    },5000)
        $(".exit").click(function(){
            //少判断回去

            var left=$(".ctrl").offset().left;
           if(left==1000){
               $(".first_1").animate({
                   "left":"-400px"
               },500);

               setTimeout(function(){
                   $(".ctrl").animate({
                       "left":"150px"
                   },500);
               },600)
               setTimeout(function(){
                   $(".ctrl").animate({
                       "bottom":"-290px"
                   },500);
               },1200)

           }else{
               $(".ctrl").animate({
                   "bottom":"-290px"
               },500);
           }

//闪烁指示
            clearInterval(timer);
 timer=setInterval(function(){

    $(".hint").animate({
        "opacity":"toggle"
    },300)
},400)

$(".log").click(function(){
    $(".ctrl").animate({
        "bottom":"0px"
    },500);

    clearInterval(timer);
    $(".hint").css({"display":"none"});
})

        })
        //about
        var flag=false;
        $(".first").click(function(){
            if(flag){
                $(".first_1").animate({
                    "left":"-400px"
                },500);

                setTimeout(function(){
                    $(".ctrl").animate({
                        "left":"150px"
                    },500);
                },600)
            }else{
                $(".ctrl").animate({
                    "left":"1000px"
                },500);
                setTimeout(function(){
                    $(".first_1").animate({
                        "left":"-1px"
                    },500);
                },500)

            }
            flag=!flag;


        })
$(".audio").click(function(){

    if(flag){
        $("audio")[0].play()

    }else{
        $("audio")[0].pause()

    }
    flag=!flag;

})
    }

function click(){
    $("#down").addEventListener("lick",function(){
        $(".about").css("background","#000")
    },false)
}
})